<div class="row">
  <div class="col col-xs-12">
    <button class="btn btn-success">New Recipe</button>
  </div>
</div>
<div class="row">
  <div class="col col-xs-12 list-group">
    <a *ngFor="let recipe of recipes" href="#" class="list-group-item clearfix">
      <div class="float-left">
        <h4 class="h6">{{recipe.name}}</h4>
        <p class="list-group-item-text">{{recipe.description}}</p>
      </div>
      <span class="float-right">
        <img class="img-fluid" src="{{recipe.imagePath}}" alt="{{recipe.description}}" style="width: 60px;">
      </span>
    </a>
    <app-recipe-item></app-recipe-item>
  </div>
</div>
